<%@ page language="java" contentType="text/html; charset=UTF-8"  pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn"%>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>   
<%@taglib uri="http://www.springframework.org/tags/form" prefix="sf" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<link rel="stylesheet" href="${pageContext.request.contextPath }/resources/front_first/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath }/resources/front_first/css/public.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath }/resources/front_first/css/font-awesome.css" />
		<style>
		.bttx .uls{
			min-height:453px;
		}
		</style>
	</head>
	<body class="body-bg">
		<div class="header">
			<div class="header-bd">
				<div class="nav">
					<span class="fa fa-bars" aria-hidden="true"></span>
					导航
					<span class="fa fa-caret-down" aria-hidden="true"></span>
				</div>
				<div class="nav-list">
				</div>
				<div class="logo"><a href="${pageContext.request.contextPath }/common/show.html"><img src="${pageContext.request.contextPath }/resources/front_first/img/logo.png" alt="" /></a></div>
				<div class="search">
					<div class="top">
						<div class="input-search">
							<input type="text" name="name" id="search-input" value="" />
							<a href="javascript:searchBSeries();" class="fa fa-search" aria-hidden="true"></a>
						</div>
						
					</div>
					<ul>
						<c:forEach items="${keyWords}" var="item" varStatus="s">
							<li>
								<a href="javascript:void(0);" onclick="searchKeywords(this);">${item }</a>
							</li>
						</c:forEach>
					</ul>
				</div>				
			</div>
			<div class="syd">
				<div class="sy-dh">
					<ul>
						<li class="lia"><a href="${pageContext.request.contextPath }/common/show.html">首页</a></li>
						<li><a href="${pageContext.request.contextPath }/deputy/deputyindex.html?channel=TVPLAY">电视剧</a></li>
						<li><a href="${pageContext.request.contextPath }/deputy/deputyindex.html?channel=MOVIE">电影</a></li>
						<li><a href="${pageContext.request.contextPath }/deputy/deputyindex.html?channel=VARITY">综艺</a></li>
						<li><a href="${pageContext.request.contextPath }/deputy/deputyindex.html?channel=CARTOON">动漫</a></li>
						<li><a href="${pageContext.request.contextPath }/info/infoindex.html">资讯</a></li>
					</ul>
				</div>
			</div>
		</div>
		
		
		<!--banner-->
		<div class="sy-banner">
			<div class="banner-pic">
				<a target="_blank" href="#"><img src="${baseImgPath}/resources/front_first/img/banner/banner1.jpg" alt="" /></a>
				<ul>
					<c:forEach items="${banner_list}" var="item" varStatus="s">
						<li <c:if test="${(s.index+1)==1}">class="li-ban"</c:if> >
								<img src="${baseImgPath}${item.imgUrl}" alt="" />
								<a id="banner_link" href="${baseImgPath}${item.linkUrl}" type="hidden"></a>
						</li>
					</c:forEach>
				</ul>
			</div>			
		</div>
		<div class="ly-detail">
			<div class="sy-bdleft">
				<p class="big-style">热点·头条<a target="_blank" href="${pageContext.request.contextPath }/info/infoindex.html" class="sy-more">更多>></a></p>
			    <ul class="sy-stylebig">
			    	<a title="${redian_first.title }" target="_blank" href="${pageContext.request.contextPath }/common/redirect?id=${redian_first.id }&channel=INFORMATION&source=youku">
			    		<li>
				    		<img src="${baseImgPath}${redian_first.localCoverUrl}" alt="" />
					    	<p class="first-tilte">${redian_first.title }</p>
					    	<p class="first-word">${redian_first.timeDuration }<span class="bfl">
					    		
					    		<c:if test="${redian_first.playCount>=1000000}">
											<span>观看次数：</span>99.9w
						    			</c:if>
					    			<c:if test="${redian_first.playCount>10000 && redian_first.playCount<999999}">
											<span>观看次数：</span><fmt:formatNumber type="number" value="${redian_first.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${redian_first.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			<span>观看次数：</span>${redian_first.playCount}
						    			</c:if>
					    		</span>
					    	</p>
				    	</li>
			    	</a>
			    	<c:forEach items="${redian_list}" var="item" varStatus="s">
			    		<a title="${item.title }" target="_blank" href="${pageContext.request.contextPath }/common/redirect?id=${item.id }&channel=INFORMATION&source=youku">
			    		<li>
				    		<img src="${baseImgPath}${item.localCoverUrl}" alt="" />
					    	<p class="first-tilte">
					    		<c:if test="${fn:length(item.title)<11 }">${item.title }</c:if>
					    		<c:if test="${fn:length(item.title)>10 }"><c:out value="${fn:substring(item.title, 0,10)}.."></c:out></c:if>
					    	</p>
					    	<p class="first-word">${item.timeDuration }<span class="bfl">
					    		<c:if test="${item.playCount>=1000000}">
											<span>观看次数：</span>99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && redian_first.playCount<999999}">
											<span>观看次数：</span><fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			<span>观看次数：</span>${item.playCount}
						    			</c:if>
					    	</span></p>
				    	</li>
			    	</a>
			    	</c:forEach>
			    </ul>
			</div>
			<!-- 专题  -->
			<div class="sy-bdright">
				<ul class="advis">
					<c:forEach items="${sub_list}" var="item" varStatus="s">
						<li><a title="${item.subjectName }" target="_blank" href="#"></a><img src="${baseImgPath}${item.subjectPic}" alt="" /></li>
					</c:forEach>
				</ul>
			</div>
			<div class="sy-bdleft">
				<p class="big-style">热剧天天看<a target="_blank" href="${pageContext.request.contextPath }/deputy/deputyindex.html?channel=TVPLAY" class="sy-more">更多>></a></p>
				<ul class="sy-stylelong">
					<c:forEach items="${play_list}" var="item" varStatus="s">
						<a title="${item.name}" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li>
					    		<img src="${baseImgPath}${item.cover}" alt="" />
						    	<p class="first-tilte">
						    		<c:if test="${fn:length(item.name)<9 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>8 }"><c:out value="${fn:substring(item.name, 0,8)}.."></c:out></c:if>
						    	<span>${item.score}</span></p>
						    	<p class="first-word">${item.description}</p>
					    	</li>
			    		</a>
					</c:forEach>
			    </ul>
			</div>
			<div class="sy-bdright">
				<p class="big-style">热剧风云榜</p>
				<ul class="sy-qieh qh-one">
					<li class="li-bg">内地</li>
					<li>日韩</li>
					<li>欧美</li>
				</ul>
				<div class="bttx ws-one">
					<ul class="uls">
						<c:forEach items="${guoneiTV_list}" var="item" varStatus="s">
							<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li <c:if test="${s.index+1 ==1 }">class="li-hover"</c:if> >
					    		<span <c:if test="${s.index eq 0 }">class="img-bc"</c:if>
					    		 <c:if test="${s.index ne 0 }">class="img-bc display-none"</c:if> >
					    			<img src="${baseImgPath}${item.cover}" alt="" />
					    			<div class="zzc">					    					
					    			</div>
					    		</span>
					    		<span class="num number">${s.index+1}</span>
					    		<span class="mcc word">
					    			<c:if test="${fn:length(item.name)<7 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>6 }"><c:out value="${fn:substring(item.name, 0,6)}.."></c:out></c:if>
					    		</span>
					    		<span class="sjj jt">
					    			<c:if test="${item.playCount>=1000000}">
											99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && item.playCount<999999}">
											<fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			${item.playCount}
						    			</c:if>
								</span>
					    	</li>
				    		</a>
						</c:forEach>
				    </ul>
				   <!--  <a href="#"> -->
				    	
				    <!-- </a> -->
				</div>
				
				<div class="bttx ws-two display-none">
					<ul class="uls">
						<c:forEach items="${rihanTV_list}" var="item" varStatus="s">
							<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li <c:if test="${s.index+1 ==1 }">class="li-hover"</c:if> >
					    		<span <c:if test="${s.index eq 0 }">class="img-bc"</c:if> <c:if test="${s.index ne 0 }">class="img-bc display-none"</c:if> >
					    			<img src="${baseImgPath}${item.cover}" alt="" />
					    			<div class="zzc">					    					
					    			</div>
					    		</span>
					    		<span class="num number">${s.index+1}</span>
					    		<span class="mcc word">
					    			<c:if test="${fn:length(item.name)<7 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>6 }"><c:out value="${fn:substring(item.name, 0,6)}.."></c:out></c:if>
								</span>
					    		<span class="sjj jt">
					    			<c:if test="${item.playCount>=1000000}">
											99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && item.playCount<999999}">
											<fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			${item.playCount}
						    			</c:if>
								</span>
					    	</li>
				    		</a>
						</c:forEach>
				    </ul>
				   <!--  <a href="#"> -->
				    <%-- 	<div class="ggao" id="${rectTwo.code }" size="${rectTwo.size }" name="${rectTwo.name }" interval="${rectTwo.adInterval }">
				    		<img src="${pageContext.request.contextPath }/resources/front_first/img/1.jpg" alt="" />
				    	</div> --%>
				   <!--  </a> -->
				</div>
				<div class="bttx ws-three display-none">
					<ul class="uls">
						<c:forEach items="${oumeiTV_list}" var="item" varStatus="s">
							<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li <c:if test="${s.index+1 ==1 }">class="li-hover"</c:if> >
					    		<span <c:if test="${s.index eq 0 }">class="img-bc"</c:if> <c:if test="${s.index ne 0 }">class="img-bc display-none"</c:if> >
					    			<img src="${baseImgPath}${item.cover}" alt="" />
					    			<div class="zzc">					    					
					    			</div>
					    		</span>
					    		<span class="num number">${s.index+1}</span>
					    		<span class="mcc word">
					    			<c:if test="${fn:length(item.name)<7 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>6 }"><c:out value="${fn:substring(item.name, 0,6)}.."></c:out></c:if>
								</span>
					    		<span class="sjj jt">
					    			<c:if test="${item.playCount>=1000000}">
											99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && item.playCount<999999}">
											<fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			${item.playCount}
						    			</c:if>
								</span>
					    	</li>
				    		</a>
						</c:forEach>
				    </ul>
				   <!--  <a href="#"> -->
				    	<%-- <div class="ggao" id="${rectThree.code }" size="${rectThree.size }" name="${rectThree.name }" interval="${rectThree.adInterval }">
				    		<img src="${pageContext.request.contextPath }/resources/front_first/img/1.jpg" alt="" />
				    	</div> --%>
				  <!--   </a> -->
				</div>
				<div class="ggao" id="${rectOne.code }" size="${rectOne.size }" name="${rectOne.name }" interval="${rectOne.adInterval }">
				    		<%-- <img src="${pageContext.request.contextPath }/resources/front_first/img/1.jpg" alt="" /> --%>
				</div>
			</div>
			<div class="enjoy">
				<p class="big-style">精彩花絮</p>
				<ul class="sy-all">
					<c:forEach items="${huaxu_list}" var="item" varStatus="s">
					<a title="${item.title }" target="_blank" href="${item.detailUrl}">
						<li>
							<img class="" src="${baseImgPath}${item.localCoverUrl}" alt="" />
						    <p class="first-tilte">
						    	<c:if test="${fn:length(item.title)<11 }">${item.title }</c:if>
					    		<c:if test="${fn:length(item.title)>10 }"><c:out value="${fn:substring(item.title, 0,10)}.."></c:out></c:if>
						    </p>
						    <p class="first-word">
						    	<c:if test="${fn:length(item.introduction)<12 }">${item.introduction }</c:if>
					    		<c:if test="${fn:length(item.introduction)>11 }"><c:out value="${fn:substring(item.introduction, 0,11)}.."></c:out></c:if>
						    </p>
						</li>
					</a>
					</c:forEach>
				</ul>
			</div>
			<div class="advier" id="${bannerOne.code }" size="${bannerOne.size }" name="${bannerOne.name }" interval="${bannerOne.adInterval }">
			</div>
			<div class="sy-bdleft">
				<p class="big-style">佳片每日约</p>
				<ul class="sy-stylelong">
					<c:forEach items="${jiapian_list}" var="item" varStatus="s">
						<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li>
					    		<img src="${baseImgPath}${item.cover}" alt="" />
						    	<p class="first-tilte">
						    	<c:if test="${fn:length(item.name)<9 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>8 }"><c:out value="${fn:substring(item.name, 0,8)}.."></c:out></c:if>
								<span>${item.score}</span></p>
						    	<p class="first-word">${item.description}</p>
					    	</li>
			    		</a>
					</c:forEach>
			    </ul>
			</div>
			<div class="sy-bdright">
				<p class="big-style">佳片风云榜</p>
				<ul class="sy-qieh qh-two">
					<li class="li-bg">内地</li>
					<li>日韩</li>
					<li>欧美</li>
				</ul>
				<div class="bttx jp-one">
					<ul class="uls">
						<c:forEach items="${guoneiMovie_list}" var="item" varStatus="s">
							<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li <c:if test="${s.index+1 ==1 }">class="li-hover"</c:if> >
					    		<span <c:if test="${s.index eq 0 }">class="img-bc"</c:if> <c:if test="${s.index ne 0 }">class="img-bc display-none"</c:if> >
					    			<img src="${baseImgPath}${item.cover}" alt="" />
					    			<div class="zzc">					    					
					    			</div>
					    		</span>
					    		<span class="num number">${s.index+1}</span>
					    		<span class="mcc word">
					    			<c:if test="${fn:length(item.name)<7 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>6 }"><c:out value="${fn:substring(item.name, 0,6)}.."></c:out></c:if>
					    		</span>
					    		<span class="sjj jt">
					    			<c:if test="${item.playCount>=1000000}">
											99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && item.playCount<999999}">
											<fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			${item.playCount}
						    			</c:if>
								</span>
					    	</li>
				    		</a>
						</c:forEach>
				    </ul>
				   <!--  <a href="#"> -->
				    	<%-- <div class="ggao" id="${rectFour.code }" size="${rectFour.size }" name="${rectFour.name }">
				    		<img src="${pageContext.request.contextPath }/resources/front_first/img/1.jpg" alt="" />
				    	</div> --%>
				    <!-- </a> -->
				</div>
				<div class="bttx jp-two display-none">
					<ul class="uls">
						<c:forEach items="${rihanMovie_list}" var="item" varStatus="s">
							<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li <c:if test="${s.index+1 ==1 }">class="li-hover"</c:if> >
					    		<span <c:if test="${s.index eq 0 }">class="img-bc"</c:if> <c:if test="${s.index ne 0 }">class="img-bc display-none"</c:if> >
					    			<img src="${baseImgPath}${item.cover}" alt="" />
					    			<div class="zzc">					    					
					    			</div>
					    		</span>
					    		<span class="num number">${s.index+1}</span>
					    		<span class="mcc word">
					    			<c:if test="${fn:length(item.name)<7 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>6 }"><c:out value="${fn:substring(item.name, 0,6)}.."></c:out></c:if>
					    		</span>
					    		<span class="sjj jt">
					    			<c:if test="${item.playCount>=1000000}">
											99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && item.playCount<999999}">
											<fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			${item.playCount}
						    			</c:if>
								</span>
					    	</li>
				    		</a>
						</c:forEach>
				    </ul>
				   <!--  <a href="#"> -->
				    	<%-- <div class="ggao" id="${rectFive.code }" size="${rectFive.size }" name="${rectFive.name }">
				    		<img src="${pageContext.request.contextPath }/resources/front_first/img/1.jpg" alt="" />
				    	</div> --%>
				   <!--  </a> -->
				</div>
				<div class="bttx jp-three display-none">
					<ul class="uls">
						<c:forEach items="${oumeiMovie_list}" var="item" varStatus="s">
							<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li <c:if test="${s.index+1 ==1 }">class="li-hover"</c:if> >
					    		<span <c:if test="${s.index eq 0 }">class="img-bc"</c:if> <c:if test="${s.index ne 0 }">class="img-bc display-none"</c:if> >
					    			<img src="${baseImgPath}${item.cover}" alt="" />
					    			<div class="zzc">					    					
					    			</div>
					    		</span>
					    		<span class="num number">${s.index+1}</span>
					    		<span class="mcc word">
					    			<c:if test="${fn:length(item.name)<7 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>6 }"><c:out value="${fn:substring(item.name, 0,6)}.."></c:out></c:if>
					    		</span>
					    		<span class="sjj jt">
					    			<c:if test="${item.playCount>=1000000}">
											99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && item.playCount<999999}">
											<fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			${item.playCount}
						    			</c:if>
								</span>
					    	</li>
				    		</a>
						</c:forEach>
				    </ul>
				   <!--  <a href="#"> -->
				    	<%-- <div class="ggao" id="${rectSix.code }" size="${rectSix.size }" name="${rectSix.name }">
				    		<img src="${pageContext.request.contextPath }/resources/front_first/img/1.jpg" alt="" />
				    	</div> --%>
				   <!--  </a> -->
				</div>
				<div class="ggao" id="${rectTwo.code }" size="${rectTwo.size }" name="${rectTwo.name }" interval="${rectTwo.adInterval }">
				</div>
			</div>
            <div class="enjoy">
				<p class="big-style">预告·片花</p>
				<ul class="sy-all">
					<c:forEach items="${yugao_list}" var="item" varStatus="s">
					<a title="${item.title }" target="_blank" href="${item.detailUrl}">
						<li>
							<img src="${baseImgPath}${item.localCoverUrl}" alt="" />
						    <p class="first-tilte">
						    	<c:if test="${fn:length(item.title)<12 }">${item.title }</c:if>
					    		<c:if test="${fn:length(item.title)>11 }"><c:out value="${fn:substring(item.title, 0,11)}.."></c:out></c:if>
						    </p>
						</li>
					</a>
					</c:forEach>
					<%-- <a href="#">
						<li>
							<img src="${pageContext.request.contextPath }/resources/front_first/img/film.jpg" alt="" />
						    <p class="js-title">画皮1</p>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="${pageContext.request.contextPath }/resources/front_first/img/film.jpg" alt="" />
						    <p class="js-title">画皮1</p>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="${pageContext.request.contextPath }/resources/front_first/img/film.jpg" alt="" />
						    <p class="js-title">画皮1</p>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="${pageContext.request.contextPath }/resources/front_first/img/film.jpg" alt="" />
						    <p class="js-title">画皮1</p>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="${pageContext.request.contextPath }/resources/front_first/img/film.jpg" alt="" />
						    <p class="js-title">画皮1</p>
						</li>
					</a>
					<a href="#">
						<li>
							<img src="${pageContext.request.contextPath }/resources/front_first/img/film.jpg" alt="" />
						    <p class="js-title">画皮1</p>
						</li>
					</a> --%>
				</ul>
			</div>
            <div class="advier" id="${bannerTwo.code }" size="${bannerTwo.size }" name="${bannerTwo.name }" interval="${bannerTwo.adInterval }">
            	
            </div>
            <div class="sy-bdleft">
				<p class="big-style">综艺乐不停</p>
			    <ul class="sy-stylebig">
			    	<a title="${varity_first.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${varity_first.id }&source=${varity_first.source}">
			    		<li>
				    		<img src="${baseImgPath}${varity_first.cover}" alt="" />
					    	<p class="first-tilte">${varity_first.name}</p>
					    	<p class="first-word">${varity_first.description}</p>
				    	</li>
			    		</a>
			    	<c:forEach items="${varity_list}" var="item" varStatus="s">
			    		<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
			    		<li>
				    		<img src="${baseImgPath}${item.cover}" alt="" />
					    	<p class="first-tilte">
					    		<c:if test="${fn:length(item.name)<12 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>11 }"><c:out value="${fn:substring(item.name, 0,11)}.."></c:out></c:if>
					    	</p>
					    	<p class="first-word">${item.description}</p>
				    	</li>
			    		</a>
			    	</c:forEach>
			    </ul>
			</div>
			<div class="sy-bdright">
				<p class="big-style">综艺风云榜</p>
				<div class="bttx st-one">
					<ul>
						<c:forEach items="${varityBang_list}" var="item" varStatus="s">
							<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li <c:if test="${s.index+1 ==1 }">class="li-hover"</c:if> >
					    		<span <c:if test="${s.index eq 0 }">class="img-bc"</c:if> <c:if test="${s.index ne 0 }">class="img-bc display-none"</c:if> >
					    			<img src="${baseImgPath}${item.cover}" alt="" />
					    			<div class="zzc">					    					
					    			</div>
					    		</span>
					    		<span class="num number">${s.index+1 }</span>
					    		<span class="mcc word">
					    			<c:if test="${fn:length(item.name)<7 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>6 }"><c:out value="${fn:substring(item.name, 0,6)}.."></c:out></c:if>
					    		</span>
					    		<span class="sjj jt">
					    			<c:if test="${item.playCount>=1000000}">
											99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && item.playCount<999999}">
											<fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			${item.playCount}
						    			</c:if>
					    		</span>
					    	</li>
				    		</a>
						</c:forEach>
				   </ul>				    
				</div>
			</div>	
            <%-- <div class="enjoy">
				<p class="big-style">娱乐八卦</p>
				<ul class="sy-all">
					<c:forEach items="${yule_list}" var="item" varStatus="s">
					<a title="${item.title }" target="_blank" href="${item.detailUrl}">
						<li>
							<img src="${baseImgPath}${item.localCoverUrl}" alt="" />
						    <p class="js-tilte">
						    	<c:if test="${fn:length(item.title)<12 }">${item.title }</c:if>
					    		<c:if test="${fn:length(item.title)>11 }"><c:out value="${fn:substring(item.title, 0,11)}.."></c:out></c:if>
						    </p>
						</li>
					</a>
					</c:forEach>
				</ul>
			</div> --%>
            <div class="advier" id="${bannerThree.code }" size="${bannerThree.size }" name="${bannerThree.name }" interval="${bannerThree.adInterval }">
            	
            </div>
            <div class="sy-bdleft">
				<p class="big-style">动漫世界</p>
			    <ul class="sy-stylebig">
			    	<a title="${cartoon_first.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${cartoon_first.id }&source=${cartoon_first.source}">
			    		<li>
				    		<img src="${baseImgPath}${cartoon_first.cover}" alt="" />
					    	<p class="first-tilte">${cartoon_first.name}</p>
					    	<p class="first-word">${cartoon_first.description}</p>
				    	</li>
			    		</a>
			    	<c:forEach items="${cartoon_list}" var="item" varStatus="s">
			    		<a title="${item.name }" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
			    		<li>
				    		<img src="${baseImgPath}${item.cover}" alt="" />
					    	<p class="first-tilte">
					    		<c:if test="${fn:length(item.name)<11 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>10 }"><c:out value="${fn:substring(item.name, 0,10)}.."></c:out></c:if>
					    	</p>
					    	<p class="first-word">${item.description}</p>
				    	</li>
			    		</a>
			    	</c:forEach>
			    </ul>
			</div>
			<div class="sy-bdright">
				<p class="big-style">动漫风云榜</p>
				<div class="bttx st-two">
					<ul>
						<c:forEach items="${cartoonBang_list}" var="item" varStatus="s">
							<a title="${item.name}" target="_blank" href="${pageContext.request.contextPath}/common/redirect?id=${item.id }&source=${item.source}">
				    		<li <c:if test="${s.index+1 ==1 }">class="li-hover"</c:if> >
					    		<span <c:if test="${s.index eq 0 }">class="img-bc"</c:if> <c:if test="${s.index ne 0 }">class="img-bc display-none"</c:if> >
					    			<img src="${baseImgPath}${item.cover}" alt="" />
					    			<div class="zzc">					    					
					    			</div>
					    		</span>
					    		<span class="num number">${s.index+1 }</span>
					    		<span class="mcc word">
					    			<c:if test="${fn:length(item.name)<7 }">${item.name }</c:if>
					    		<c:if test="${fn:length(item.name)>6 }"><c:out value="${fn:substring(item.name, 0,6)}.."></c:out></c:if>
					    		</span>
					    		<span class="sjj jt">
					    			<c:if test="${item.playCount>=1000000}">
											99.9w
						    			</c:if>
					    			<c:if test="${item.playCount>10000 && item.playCount<999999}">
											<fmt:formatNumber type="number" value="${item.playCount/10000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>w</span>
						    			</c:if>
						    			<c:if test="${item.playCount<10000 }">
											<%-- <fmt:formatNumber type="number" value="${item.playCount/1000}" pattern="0.0" maxFractionDigits="1"/>
							    			<span>k</span> --%>
							    			${item.playCount}
						    			</c:if>
					    		</span>
					    	</li>
				    		</a>
						</c:forEach>
				   </ul>				    
				</div>
			</div>
		    <div class="enjoy">
		    	<p class="big-style">合作站点</p>
		    	<ul class="hz">
		    		<c:forEach items="${target_list}" var="item" varStatus="s">
		    			<%-- <a target="_blank" href="${item.linkUrl }"> --%>
		    				<li><a target="_blank" href="${item.linkUrl }"><img src="${baseImgPath }${item.imgUrl }" alt="" /></a></li>
		    			
		    		</c:forEach>
		    		<%-- <li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li>
		    		<li><img src="${pageContext.request.contextPath }/resources/front_first/img/2.jpg" alt="" /></li> 
		    		<li><img src="img/2.jpg" alt="" /></li>
		    		<li><img src="img/2.jpg" alt="" /></li>--%>
		    	</ul>
		    </div>
		</div>
		<div class="n-footer">
			<p>火眼影视通过链接的方式提供相关内容。所有内容均为第三方内容提供方提供。如涉及版权问题，请及时告知我们。</p>
			<ul>
				<li><a href="#">关于火眼</a></li>
				<li><a href="#">反馈建议</a></li>
				<li><a href="#">版权声明</a></li>
				<li><a href="#">加入收藏</a></li>
				<li><a href="#">联系我们</a></li>
			</ul>
			<p>Copyright © huoyan All Rights Reserved.</p>
			<p>沪ICP证B2-20090064号</p>
		</div>
		<script type="text/javascript" src="${pageContext.request.contextPath }/resources/front_first/js/jquery-2.2.3.min.js" ></script>
		<script type="text/javascript" src="${pageContext.request.contextPath }/resources/front_first/js/huoyan-shouyebanner-lunbo.js" ></script>
	    <script type="text/javascript" src="${pageContext.request.contextPath }/resources/front_first/js/public.js" ></script>
	    <script type="text/javascript">
		/* $('.list').each(function(){
			$(this).find('ul li').click(function(){
				$(this).addClass('chose').siblings().removeClass('chose')
			})
		})
		
		$(document).ready(function(){
		  $(".bttx ul li").eq(0).addClass("li-hover");
		  $(".bttx ul li .img-bc").eq(0).removeClass("display-none");
		}); */
	</script>
	    <script type="text/javascript">
	    var baseImgPath = "${baseImgPath }";
	  //搜索栏
		function searchBSeries(){
			window.location.href="${pageContext.request.contextPath }/public/search.html?name="+$("#search-input").val()+"&type=MOVIE";
			$("#search-input").val("");
		}
		function searchKeywords(obj){
			var key=$(obj).text();
			var sort = $(".sort-chos .chose").attr("code");
			window.location.href="${pageContext.request.contextPath }/public/search.html?name="+key;
		}
		$(document).ready(function(){
			var t1 = $(".advier").eq(0).attr("id");	
			getAdByPosition(t1);
			var t2 = $(".advier").eq(1).attr("id");
			getAdByPosition(t2);
			var t3 = $(".advier").eq(2).attr("id");
			getAdByPosition(t3);
			var t4 = $(".ggao").eq(0).attr("id");
			getAdByPosition(t4);
			var t5 = $(".ggao").eq(1).attr("id");
			getAdByPosition(t5);
			//alertText();
		});
		
		/* $('.advier').on('click','a:not([style])',function(){
			 alert(1);
			}); */
		
			//alert(inter);
		/* function alertText(){
			var $html = $(".advier a:not([style])").attr("type");
			
			alert($html);
		} */
		
		var basePath = "${pageContext.request.contextPath }";
		
	    </script>
	    <script type="text/javascript" src="${pageContext.request.contextPath }/resources/front_first/js/advertisement.js" >
	    /*********************广告部分***************************/
		/* function changeAd(i){ 
			var a=$(".advier").eq(i).find("a"); 
			if(index==$(".advier").eq(i).find("a").length-1){ 
				index=0; 
			}else{ 
				index++;  
			} 
			a.css("display","none");
			a.eq(index).css("display",""); 
		}  */
		
		
	    </script>
	</body>
</html>